<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>未来元素绑事件</title>
	<style>
	 .parentUl{
	 	width: 300px;
	 	height: 150px;
	 	background-color: pink;
	 }
	</style>
</head>
<body>
	<ul class="parentUl"></ul>
	<script src="biaodan exercise/jquery-1.12.0.js"></script>
	<script>
		var $parentUl = $('.parentUl');
		$parentUl.on('click',function (){
			$('.parentUl').append('<li>li</li>')
		})

		// $parentUl.on('click', 'li', function (){
		// 	alert('我是一个li')
		// })

		// $('li').on('click', function (){
		// 	alert('我是一个li')
		// })
		  
	  // var $dom = $(document)
	  // $dom.on('click',".parentUl",function (){
	  // 	$('.parentUl').append('<li>li</li>')
	  // })
	</script>
</body>
</html>